<template>
  <h1>El-选择器组件</h1>
  <el-select v-model="city" placeholder="选一个喜欢的城市" style="width:50%;">
    <!--对于select-option下拉选框而言 label控制的是选项上显示的文本
    value是每个选项的默认值-->
    <el-option label="北京1" value="北京"></el-option>
    <el-option label="上海2" value="上海"></el-option>
    <el-option label="广州3" value="广州"></el-option>
    <el-option label="深圳4" value="深圳"></el-option>
  </el-select>
  <h4>您选择的结果是:{{city}}</h4>
</template>
<script setup>
  import {ref} from "vue";
  const city = ref("广州");
</script>

<style scoped>

</style>